<template>
  <div class="pbox">
    <Box title="数据上传检测">
    <div class="box">
      <table>
      <thead>
          <tr>
            <td>
              煤炭名称
            </td>
            <td>
              系统名称
            </td>
            <td>
              状态
            </td>
            <td>
              间隔时间
            </td>
            <td>
              上传时间
            </td>
            <td>
              责任人
            </td>
            <td>
              联系方式
            </td>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>
            最大煤炭
          </td>
          <td>
            煤监局-人员定位
          </td>
          <td>
            异常
          </td>
          <td>
            0时30分0秒
          </td>
          <td>
            2025-05-27 10:00:00
          </td>
          <td>
            张三
          </td>
          <td>
            13800138000
          </td>
        </tr>
        <tr>
          <td>
            最大煤炭
          </td>
          <td>
            煤监局-人员定位
          </td>
          <td>
            异常
          </td>
          <td>
            0时30分0秒
          </td>
          <td>
            2025-05-27 10:00:00
          </td>
          <td>
            张三
          </td>
          <td>
            13800138000
          </td>
        </tr>
          <tr>
          <td>
            最大煤炭
          </td>
          <td>
            煤监局-人员定位
          </td>
          <td>
            异常
          </td>
          <td>
            0时30分0秒
          </td>
          <td>
            2025-05-27 10:00:00
          </td>
          <td>
            张三
          </td>
          <td>
            13800138000
          </td>
        </tr>
          <tr>
          <td>
            最大煤炭
          </td>
          <td>
            煤监局-人员定位
          </td>
          <td>
            异常
          </td>
          <td>
            0时30分0秒
          </td>
          <td>
            2025-05-27 10:00:00
          </td>
          <td>
            张三
          </td>
          <td>
            13800138000
          </td>
        </tr>
      </tbody>
      </table>
    </div>
     
    </Box>
  </div>
</template>
<script setup>
import Box from "@/components/Box/index.vue";
// import BaseButton from "@/components/Button/index.vue";
import { reactive } from "vue";
const btnArr = reactive([
  {
    text: "日",
    checked: true,
  },
  {
    text: "月",
    checked: false,
  },
  {
    text: "年",
    checked: false,
  },
]);
function btnFn(item) {
  // 将其他按钮设置成false
  btnArr.forEach((element) => {
    element.checked = false;
  });
  item.checked = true;
}
</script>
<style scoped>
.pbox {
  width: 100%;
  height: 25%;
}
.box {
 
  /* background-color: aqua; */
}
table{
  border-collapse: collapse;
  width: 100%;
  height: 100%;
  /* border: 1px solid #000; */

}
td{
  /* border: 1px solid #000; */
  text-align: center;
  font-size: 12px;
}
tr{
  height: 30px;
  line-height: 30px;
}

</style>